<template>
    <nav>
        <router-link v-for="(item,index) in tabbar" :key="index" :to="item.path">
            {{ item.text }}
        </router-link>
    </nav>
</template>
<script>
export default {
  name: 'footer-nav',
  data () {
    return {
      tabbar: [
        {
          text: '首页',
          icon: '',
          path: '/home'
        },
        {
          text: '分类',
          icon: '',
          path: '/assort'
        },
        {
          text: '购物车',
          icon: '',
          path: '/car'
        },
        {
          text: '我的',
          icon: '',
          path: '/mine'
        }
      ]
    }
  }
}
</script>
